<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>导航</title>
		<link href="css/base.css" rel="stylesheet" type="text/css" />
		<style>
			ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}
			
			li {
				float: left;
				display: inline;
			}
			.borderright{
				border-right: 1px solid white;
			}
			
			a:link,
			a:visited {
				display: biock;
				width: 150px;
				font-weight: bold;
				color: black;
				background-color: yellow;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			a:link,
			a:visited {
				display: block;
				width: 150px;
				font-weight: bold;
				color: black;
				background-color: yellow;
				text-align: center;
				padding: 5px;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			a:hover,
			a:active {
				background-color: aqua;
			}
		</style>
	</head>

	<body>
		<ul id="nav">
			<li class="borderright">
				<a href="http://www.baidu.com/">学渣一名</a>
			</li>
			<li class="borderright">
				<a href="http://www.baidu.com/">一名</a>
			</li>
			<li class="borderright">
				<a href="http://www.baidu.com/">前来</a>
			</li>
			<li class="borderright">
				<a href="http://www.baidu.com/">报道</a>
			</li>
			<li class="borderright">
				<a href="http://www.baidu.com/">求大神</a>
			</li>
			<li class="borderright">
				<a href="http://www.baidu.com/">带我飞</a>
			</li>
		</ul>
	</body>

</html>